<template>
  <div class="wrapper">
    <image :src="logoUrl" class="logo-img"></image>
    <text class="title">用户登录</text>

    <button></button>
  </div>
</template>

<script>

  var modal = weex.requireModule('modal');
  export default {
    data () {
      return {
        username: "",
        password: "",
        logoUrl: 'https://alibaba.github.io/weex/img/weex_logo_blue@3x.png'
      }
    },

    methods: {
      login () {
        console.log('perform user login');
        modal.alert({
            message : '你要准备登录了',
            duration: 0.5
        }, function(value){
            console.log('alert call back '+value);
        });
      },
      usernameoninput () {
        console.log('input username '+this.username);
      },
      passwordoninput () {
        console.log('input password '+this.password);
      }
    }
  }
</script>

<style scoped>
  .wrapper{ align-items: center; margin-top: 120px; }
  .title { font-size: 64px; padding:20px; }
  .logo-img {width: 360px; height: 82px; }


  .row {
    flex-direction: row;
  }


  .logo-div{ align-items: center; margin-top: 120px;  }
  .title { font-size: 48px; }
  .logo { width: 360px; height: 82px; }
</style>
